<template>
<a-card class="layout">
    <h1><b>×××简历</b></h1>
  <div class="zero">
      <div class="left">
    <p class="ziti1">头像：
        <el-upload
            class="upload-demo"
            action="https://jsonplaceholder.typicode.com/posts/"
            :on-preview="handlePreview"
            :on-remove="handleRemove">
            <el-button size="small" type="primary">点击上传</el-button>
            <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
        </el-upload>
    </p>
    <p class="ziti2">标题：<el-input v-model="input1" class="bt" placeholder=""></el-input></p>
    <p class="ziti">求职岗位：<el-input v-model="input2" class="bt" placeholder=""></el-input></p>
    <p class="ziti">期望薪资：<el-input v-model="input3" class="bt" placeholder=""></el-input></p>
    <p class="ziti">理想工作：<el-input v-model="input4" class="bt" placeholder=""></el-input></p>
    <p class="ziti">最高学历：<el-input v-model="input5" class="bt" placeholder=""></el-input></p>
    <p class="ziti">健康状况：<el-input v-model="input6" class="bt" placeholder=""></el-input></p>
    <p class="ziti">身高(cm)：<el-input v-model="input7" class="bt" placeholder=""></el-input></p>
     <p class="ziti">政治面貌：<el-input v-model="input8" class="bt" placeholder=""></el-input></p>
    <p class="ziti">兴趣爱好：<el-input v-model="input9" class="bt" placeholder=""></el-input></p>
      </div>
      <div class="right">
    <p class="ziti3">姓名：<el-input v-model="input10" class="bt" placeholder=""></el-input></p>
    <p class="ziti">身份证号：<el-input v-model="input11" class="bt" placeholder=""></el-input></p>
    <p class="ziti">出生日期：<el-input v-model="input12" class="bt" placeholder=""></el-input></p>
    <p class="ziti">手机号码：<el-input v-model="input13" class="bt" placeholder=""></el-input></p>
    <p class="ziti">现居住地：<el-input v-model="input14" class="bt" placeholder=""></el-input></p>
    <p class="ziti">婚姻状况：<el-input v-model="input15" class="bt" placeholder=""></el-input></p>
    <p class="ziti">所学专业：<el-input v-model="input16" class="bt" placeholder=""></el-input></p>
    <p class="ziti3">民族：<el-input v-model="input17" class="bt" placeholder=""></el-input></p>
    <p class="ziti">体重(kg)：<el-input v-model="input" class="bt" placeholder=""></el-input></p>
      </div>
  </div>
  
  <h1><b>教育经历管理</b></h1>
  <div class="one">
  <el-table
    :data="tableData"
    height="250"
    border
    style="width: 100%">
    <el-table-column
      prop="date"
      label="序号"
      width="100">
    </el-table-column>
    <el-table-column
      prop="pjzt"
      label="状态"
      width="100">
    </el-table-column>
    <el-table-column
      prop="background"
      label="学历类型"
      width="100">
    </el-table-column>
    <el-table-column
      prop="starttime"
      label="开始日期"
      width="100">
    </el-table-column>
    <el-table-column
      prop="endtime"
      label="结束日期"
      width="100">
    </el-table-column>
    <el-table-column
      prop="school"
      label="学校名称"
      width="100">
    </el-table-column>
    <el-table-column
      prop="profession"
      label="专业名称"
      width="100">
    </el-table-column>
    <el-table-column
      prop="workmname"
      label="干部名称"
      width="100">
    </el-table-column>
    <el-table-column
      prop="certificate"
      label="获奖证书"
      width="100">
    </el-table-column>
    <el-table-column
      prop="pperson"
      label="证明人"
      width="100">
    </el-table-column>
    <el-table-column
      prop="tel"
      label="联系电话"
      width="100">
    </el-table-column>
    <el-table-column
      prop="form"
      label="备注"
      width="100">
    </el-table-column>
  </el-table>
  </div>
 
  <h1><b>培训经历管理</b></h1> 
  <div class="two">
  <el-table
    :data="tableData1"
    height="250"
    border
    style="width: 100%">
    <el-table-column
      prop="date"
      label="序号"
      width="100">
    </el-table-column>
    <el-table-column
      prop="pjzt"
      label="状态"
      width="100">
    </el-table-column>
    <el-table-column
      prop="background"
      label="培训类型"
      width="100">
    </el-table-column>
    <el-table-column
      prop="starttime"
      label="开始日期"
      width="100">
    </el-table-column>
    <el-table-column
      prop="endtime"
      label="结束日期"
      width="100">
    </el-table-column>
    <el-table-column
      prop="organization"
      label="培训机构"
      width="100">
    </el-table-column>
    <el-table-column
      prop="content"
      label="培训内容"
      width="100">
    </el-table-column>
    <el-table-column
      prop="workmname"
      label="干部名称"
      width="100">
    </el-table-column>
    <el-table-column
      prop="certificate"
      label="证书"
      width="100">
    </el-table-column>
    <el-table-column
      prop="pperson"
      label="证明人"
      width="100">
    </el-table-column>
    <el-table-column
      prop="tel"
      label="联系电话"
      width="100">
    </el-table-column>
    <el-table-column
      prop="form"
      label="备注"
      width="100">
    </el-table-column>
  </el-table>
  </div>

   <h1><b>工作经历管理</b></h1>
   <div class="three">
  <el-table
    :data="tableData2"
    height="250"
    border
    style="width: 100%">
    <el-table-column
      prop="date"
      label="序号"
      width="100">
    </el-table-column>
    <el-table-column
      prop="pjzt"
      label="状态"
      width="100">
    </el-table-column>
    <el-table-column
      prop="background"
      label="工作类型"
      width="100">
    </el-table-column>
    <el-table-column
      prop="starttime"
      label="开始日期"
      width="100">
    </el-table-column>
    <el-table-column
      prop="endtime"
      label="结束日期"
      width="100">
    </el-table-column>
    <el-table-column
      prop="workplace"
      label="工作单位"
      width="100">
    </el-table-column>
    <el-table-column
      prop="work"
      label="工作岗位"
      width="100">
    </el-table-column>
    <el-table-column
      prop="workmname"
      label="职称"
      width="100">
    </el-table-column>
    <el-table-column
      prop="certificate"
      label="证书"
      width="100">
    </el-table-column>
    <el-table-column
      prop="pperson"
      label="证明人"
      width="100">
    </el-table-column>
    <el-table-column
      prop="tel"
      label="联系电话"
      width="100">
    </el-table-column>
    <el-table-column
      prop="form"
      label="备注"
      width="100">
    </el-table-column>
  </el-table>
  </div>

  <h1><b>专业技能</b></h1>
  <div class="four">
  <el-table
    :data="tableData3"
    height="250"
    border
    style="width: 600px">
    <el-table-column
      prop="date"
      label="序号"
      width="100">
    </el-table-column>
    <el-table-column
      prop="pjzt"
      label="状态"
      width="100">
    </el-table-column>
    <el-table-column
      prop="skillname"
      label="技能名称"
      width="100">
    </el-table-column>
    <el-table-column
      prop="usetime"
      label="使用时间"
      width="100">
    </el-table-column>
    <el-table-column
      prop="extent"
      label="熟练程度"
      width="100">
    </el-table-column>
    <el-table-column
      prop="form"
      label="备注"
      width="100">
    </el-table-column>
  </el-table>
  </div>

  <a-form>
  <router-link to="/jianlipj">
  <el-row>
  <el-button> 评价 </el-button>
  </el-row>
  </router-link>
  </a-form>
</a-card>
</template>


  <script>
  export default {
     beforeCreate() {
    this.form = this.$form.createForm(this, { name: 'normal_jianlixq' });
  },
     data1() {
    return {
      input: ''
    }
  },
    data() {
      return {
        tableData: [{
          date:'1',
          pjzt:'离职',
          background:'高中',
          starttime:'2015',
          endtime:'2018',
          school:'师大附中',
          profession:'英语',
          workmname:'主任',
          certificate:'优秀工作者',
          pperson:'李淳',
          tel:'1387894563',
          form:'无'
          
        }, {
          date:'2',
          pjzt:'离职',
          background:'大学',
          starttime:'2018',
          endtime:'2020',
          school:'河南师范大学',
          profession:'计算机',
          workmname:'教授',
          certificate:'无',
          pperson:'陈老三',
          tel:'1382347893',
          form:'无'
          
        },
        {
         date:'3',
          pjzt:'在职',
          background:'硕士',
          starttime:'2000',
          endtime:'2005',
          school:'郑州大学',
          profession:'计算机',
          workmname:'主任',
          certificate:'无',
          pperson:'狗蛋',
          tel:'1398678563',
          form:'无'
          
        },
        {
          date:'4',
          pjzt:'在职',
          background:'博士',
          starttime:'2006',
          endtime:'2010',
          school:'北京大学',
          profession:'英语',
          workmname:'主任',
          certificate:'无',
          pperson:'李四',
          tel:'1387894563',
          form:'无'
          
        },
        {
          date:'5',
          pjzt:'在职',
          background:'博士后',
          starttime:'2010',
          endtime:'2015',
          school:'师大附中',
          profession:'英语',
          workmname:'主任',
          certificate:'优秀教师',
          pperson:'张三',
          tel:'1387235563',
          form:'无'
          
        },
        ],

        tableData1: [{
          
          date:'1',
          pjzt:'在职',
          background:'业余',
          starttime:'2010',
          endtime:'2015',
          organization:'蓝翔',
          content:'挖掘机',
          workmname:'主任',
          certificate:'优秀学生',
          pperson:'张三',
          tel:'1387235563',
          form:'无'
          
        }, {
          date:'2',
          pjzt:'在职',
          background:'业余',
          starttime:'2018',
          endtime:'2020',
          organization:'新东方',
          content:'英语',
          workmname:'教授',
          certificate:'无',
          pperson:'李四',
          tel:'1387276863',
          form:'无'
          
        },{
          date:'3',
          pjzt:'在职',
          background:'业余',
          starttime:'2000',
          endtime:'2005',
          organization:'新东方',
          content:'法语',
          workmname:'教师',
          certificate:'无',
          pperson:'陈三',
          tel:'1398245863',
          form:'无'
          
        }
        ],

        tableData2: [{
          
          date:'1',
          pjzt:'离职',
          background:'兼职',
          starttime:'2018',
          endtime:'2020',
          workplace:'新东方',
          work:'教英语',
          workmname:'教授',
          certificate:'无',
          pperson:'李四',
          tel:'1387276863',
          form:'无'
          
        }, {
          date:'2',
          pjzt:'在职',
          background:'全职',
          starttime:'2005',
          endtime:'2008',
          workplace:'北京大学',
          work:'教法语',
          workmname:'副教授',
          certificate:'无',
          pperson:'鹿晗',
          tel:'1390076863',
          form:'无'
          
          
        },{
          date:'3',
          pjzt:'在职',
          background:'全职',
          starttime:'2000',
          endtime:'2004',
          workplace:'蓝翔',
          work:'开挖掘机',
          workmname:'教师',
          certificate:'无',
          pperson:'李大妈',
          tel:'1390098563',
          form:'无'
          
          
        }
        ],

        tableData3: [{
          date:'1',
          pjzt:'在读',
          skillname:'java',
          usetime:'2005',
          extent:'熟练',
          form:'无'
          
        }, {
           date:'2',
          pjzt:'在读',
          skillname:'MSSQL',
          usetime:'2008',
          extent:'一般',
          form:'无'
          
        },
        {
          date:'3',
          pjzt:'在读',
          skillname:'mysql',
          usetime:'2010',
          extent:'较熟悉',
          form:'无'
          
        },
        {
          date:'4',
          pjzt:'在读',
          skillname:'.net',
          usetime:'2018',
          extent:'不熟悉',
          form:'无'
          
        }
        ],
        fileList: [{name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, 
        {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}]
      }
    },
     methods: {
      handleRemove(file, fileList) {
        console.log(file, fileList);
      },
      handlePreview(file) {
        console.log(file);
      }
    }
  }
</script>
<style>
.layout{
  width: 1100px;
  margin: 100px auto 0 !important;
  background-color: rgb(149, 208, 231)!important;
  
}
.el-upload {
   /* cursor: pointer; 
    outline: 0;  */
    margin-left:113px;
    margin-top:-22px;
     /* position: absolute; */
} 
.layout .zero .left{
    margin-left:-472px;
}

.layout .zero .left .ziti1{
    margin-left:-165px;
}
.layout .zero .left .ziti2{
    margin-left:24px;
}
.layout .zero .right{
    margin-right:-472px;
    margin-top:-486px;
}
.layout .zero .right .ziti3{
    margin-right:-22px;
} 
 .el-upload-list {

    padding: -8px;

    margin-left:686px;
}
.el-upload__tip {
    font-size: 12px;
    color: #606266;
    margin-top: 7px;
    margin-left: 222px;
}
.a-form{
  left: 10px;
}
.el-input{
  width: 190px;
}

.layout .four{
    margin-left: 217px;

}
.el-upload-list--picture .el-upload-list__item {
    overflow: hidden;
    z-index: 0;
    background-color: #fff;
    border: 1px solid #c0ccda;
    border-radius: 6px;
    box-sizing: border-box;
    margin-top: 10px;
    padding: 10px 10px 10px 90px;
    height: 68px;
    width: 250px;
} 
.form-left{
		width:340px;
		position: relative;
		left: 120px;
		
	}
.form-left label{
		width: 150px;
		display: inline-block;
		text-align: right;
		font-size: 18px;
	}
.form-left .shurukuang{
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		line-height: 30px;
		box-sizing: border-box;
		font-variant: tabular-nums;
		list-style: none;
		font-feature-settings: "tnum";
		position: relative;
		display: inline-block;
		height: 32px;
		color: rgba(0,0,0,.65);
		font-size: 14px;
		line-height: 1.5;
		background-color: #fff;
		background-image: none;
		border: 1px solid #d9d9d9;
		border-radius: 4px;
		transition: all .3s;
	}
.form-left .shurukuang:hover{
		border: 1px solid #1890ff;
		box-shadow: 0 0 3px #03a9f4;
	}
.form-left .shurukuang:focus{
		border: 2px solid #1890ff;
	}
.form-left .shurukuang1{	
		margin-top: 10px;
		margin-bottom: 10px;
		margin-right: 11px;
		line-height: 30px;
		width: 100px;
		box-sizing: border-box;
		font-variant: tabular-nums;
		list-style: none;
		font-feature-settings: "tnum";
		position: relative;
		display: inline-block;
		height: 32px;
		color: rgba(0,0,0,.65);
		font-size: 14px;
		line-height: 1.5;
		background-color: #fff;
		background-image: none;
		border: 1px solid #d9d9d9;
		border-radius: 4px;
		transition: all .3s;
	}
.form-left .shurukuang1:hover{
		border: 1px solid #1890ff;
		box-shadow: 0 0 3px #03a9f4;
	}
.form-left .shurukuang1:focus{
		border: 2px solid #1890ff;
	}
.form-right{
		width:340px;
		float: right;
		top: -520px;
		right: 220px;
		position: relative;	
	}
.form-right label{
		width: 150px;
		display: inline-block;
		text-align: right;
		font-size: 18px;
	}
.form-right .shurukuang{
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		line-height: 30px;
		box-sizing: border-box;
		font-variant: tabular-nums;
		list-style: none;
		font-feature-settings: "tnum";
		position: relative;
		display: inline-block;
		height: 32px;
		color: rgba(0,0,0,.65);
		font-size: 14px;
		line-height: 1.5;
		background-color: #fff;
		background-image: none;
		border: 1px solid #d9d9d9;
		border-radius: 4px;
		transition: all .3s;
	}
.form-right .shurukuang:hover{
		border: 1px solid #1890ff;
		box-shadow: 0 0 3px #03a9f4;
	}
.form-right .shurukuang:focus{
		box-shadow: 0 0 5px #03a9f4;
		border: 2px solid #1890ff;
	}




</style>